<!DOCTYPE html>
<html lang="ch-ZN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>热销</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
  <script src="../../lib/js/flexible.js"></script>
</head>


<body>
  <div id="rexiao" class="app-wrap" v-cloak>
    <div class="shop-i-fixed">
      <!-- 店铺信息 -->
      <div class="product-topNav bg-white">
        <i class="icon-back-product ml-48"></i>
        <div class="title-items">
          <span class="item"><a href="javascript:;">热销</a></span>
        </div>
        <div class="icon-wrap mr-48">
          <div class="msg">
            <i class="icon-msg-product"></i>
            <b>6</b>
          </div>
        </div>
      </div>
      <!-- 分类 -->
      <div class="shop-all-type margin-top-144">
        <div class="item" :class="{active: type==1}" @click="changeType(1)">
          <p class="txt2">运动</p>
        </div>
        <div class="item" :class="{active: type==2}" @click="changeType(2)">
          <p class="txt2">商务</p>
        </div>
        <div class="item" :class="{active: type==3}" @click="changeType(3)">
          <p class="txt2">男装</p>
        </div>
        <div class="item" :class="{active: type==4}" @click="changeType(4)">
          <p class="txt2">女装</p>
        </div>
        <div class="item" :class="{active: type==5}" @click="changeType(5)">
          <p class="txt2">家居</p>
        </div>
      </div>
    </div>
    <div class="shop-i-content top2">
      <div class="bg-gary">
        <!-- 产品列表 -->
        <div class="bg-gary pd-tb-30 p-30">
          <div class="shop-i-pro-list">
            <div v-for="item2 in pro_list" class="item">
              <a href="">
                <div class="img-box">
                  <img :src="item2.img">
                </div>
                <div class="text-box">
                  <p class="title">
                    {{item2.title}}
                  </p>
                  <p>
                    <span v-show="item2.dingzhi==1" class="tag">定制</span>
                    <span class="tag_new">商场同款</span>
                    <span v-show="item2.xinpin==1" class="tag_new">新品</span>
                    <span v-show="item2.quan==1" class="tag_new">券</span>
                  </p>
                  <p>
                    <span class="sell-price">¥{{item2.sellprice}}</span>
                    <span class="ori-price">月销{{item2.sellcount}}笔</span>
                  </p>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../../lib/js/fastclick.js"></script>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    rexiao();
  </script>
</body>

</html>